<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案件详情表</title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
</head>

<style>
    .handler {
        color: #a59191;
        font-size: 12px;
    }

    .tdAdapt {
        font:14px/150% "微软雅黑"!important;
        word-wrap: break-word;
        word-break: break-all;
        color: #525252;
    }
    .tdTible{
        font:15px/150% "微软雅黑"!important;
        color: #323131;
    }
</style>

<body>
    <div class=WordSection1 style='layout-grid:15.6pt;'>
        <div style="text-align: center">
            <h2 style="">警情信息</h2>
        </div>
        <br>
        <table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0 align=left style='border-collapse:collapse;border:none;margin-left:6.75pt;margin-right:
                                     6.75pt'>
            <tr style='height:40.75pt'>
                <td width=103 style='width:113.0pt;border:solid windowtext 1.0pt;padding:0cm 5.4pt 0cm 5.4pt;
                                      height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">警情编号</span>
                    </p>
                </td>
                <td width=189 style='width:5.0cm;border:solid windowtext 1.0pt;border-left:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US id="caseId"
                            class="tdAdapt">数据加载中</span>
                    </p>
                </td>
                <td width=161 style='width:106.5pt;border:solid windowtext 1.0pt;border-left:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">警情级别</span>
                    </p>
                </td>
                <td width=151 colspan=2 style='width:113.35pt;border:solid windowtext 1.0pt;
                                      border-left:none;padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="reportingLevel">数据加载中
                        </span></p>
                </td>
                <td width=151 style='width:4.0cm;border:solid windowtext 1.0pt;border-left:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">报警时间</span>
                    </p>
                </td>
                <td width=217 style='width:163.05pt;border:solid windowtext 1.0pt;border-left:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="reportingTime">数据加载中
                    </span></p>
                </td>
            </tr>
            <tr style='height:40.75pt'>
                <td width=103 style='width:113.0pt;border:solid windowtext 1.0pt;border-top:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">报警人</span>
                    </p>
                </td>
                <td width=189 style='width:5.0cm;border-top:none;border-left:none;border-bottom:
                                      solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;padding:0cm 5.4pt 0cm 5.4pt;
                                      height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="informerName">
                        数据加载中
                    </span>
                    </p>
                </td>
                <td width=161 style='width:106.5pt;border-top:none;border-left:none;
                                      border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">报警人性别</span>
                    </p>
                </td>
                <td width=151 colspan=2 style='width:113.35pt;border-top:none;border-left:
                                      none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="informerSex">
                        数据加载中
                    </span>
                    </p>
                </td>
                <td width=151 style='width:4.0cm;border-top:none;border-left:none;border-bottom:
                                      solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;padding:0cm 5.4pt 0cm 5.4pt;
                                      height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">报警人电话</span>
                    </p>
                </td>
                <td width=217 style='width:163.05pt;border-top:none;border-left:none;
                                      border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="contactNumber">
                        数据加载中
                    </span></p>
                </td>
            </tr>
            <tr style='height:40.75pt'>
                <td width=103 style='width:113.0pt;border:solid windowtext 1.0pt;border-top:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">类型</span>
                    </p>
                </td>
                <td width=351 colspan=3 style='width:263.25pt;border-top:none;border-left:
                                      none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="alarmType">
                        数据加载中
                    </span>
                    </p>
                </td>
                <td width=150 style='width:112.35pt;border-top:none;border-left:none;
                                      border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">接警单位</span>
                    </p>
                </td>
                <td width=369 colspan=2 style='width:276.45pt;border-top:none;border-left:
                                      none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:40.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="receivingUnit">
                        数据加载中
                    </span></p>
                </td>
            </tr>
            <tr style='height:67.75pt'>
                <td width=103 style='width:113.0pt;border:solid windowtext 1.0pt;border-top:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:67.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">事发地</span>
                    </p>
                </td>
                <td width=869 colspan=6 style='width:23.0cm;border-top:none;border-left:none;
                                      border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:67.75pt'>
                    <p class=MsoNormal><span lang=EN-US class="tdAdapt" id="incidentSite">
                        数据加载中
                    </span>
                    </p>
                </td>
            </tr>
            <tr style='height:107.75pt'>
                <td width=103 style='width:113.0pt;border:solid windowtext 1.0pt;border-top:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:107.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">报警内容</span>
                    </p>
                </td>
                <td width=869 colspan=6 style='width:23.0cm;border-top:none;border-left:none;
                                      border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:107.75pt'>
                    <p class=MsoNormal><span lang=EN-US class="tdAdapt" id="reportingContent">数据加载中
                        </span></p>
                </td>
            </tr>
            <tr style='height:107.75pt'>
                <td width=103 style='width:113.0pt;border:solid windowtext 1.0pt;border-top:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:107.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">反馈内容</span>
                    </p>
                </td>
                <td width=869 colspan=6 style='width:23.0cm;border-top:none;border-left:none;
                                      border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:107.75pt'>
                    <p class=MsoNormal><span lang=EN-US class="tdAdapt" id="feedbackContent">
                        数据加载中
                    </span></p>
                </td>
            </tr>
            <tr style='height:67.75pt'>
                <td width=103 style='width:113.0pt;border:solid windowtext 1.0pt;border-top:
                                      none;padding:0cm 5.4pt 0cm 5.4pt;height:67.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">处理结果</span>
                    </p>
                </td>
                <td width=351 colspan=3 style='width:263.25pt;border-top:none;border-left:
                                      none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:67.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US class="tdAdapt" id="processingResults">
                        数据加载中
                    </span></p>
                </td>
                <td width=150 style='width:112.35pt;border-top:none;border-left:none;
                                      border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:67.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span class="tdTible">事件状态</span>
                    </p>
                </td>
                <td width=369 colspan=2 style='width:276.45pt;border-top:none;border-left:
                                      none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
                                      padding:0cm 5.4pt 0cm 5.4pt;height:67.75pt'>
                    <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US
                            class="tdAdapt" id="caseState">
                        数据加载中
                    </span></p>
                </td>
            </tr>
            <tr height=0>
                <td width=81 style='border:none'></td>
                <td width=131 style='border:none'></td>
                <td width=119 style='border:none'></td>
                <td width=1 style='border:none'></td>
                <td width=112 style='border:none'></td>
                <td width=113 style='border:none'></td>
                <td width=150 style='border:none'></td>
            </tr>
        </table>

        <p class=MsoNormal align=center style='text-align:center'><span lang=EN-US
                class="tdTible">&nbsp;</span></p>

    </div>
</body>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/application.js"></script>
    <script>
        function getCase(caseId){
            $.ajax({
                url: mainUri+"/case/getCasesById",
                data: {caseId:caseId},
                type: "Post",
                dataType: "json",
                success: function (data) {
                    if(data.code!=-9999){
                        setTableCaseData(data.data)
                    }
                },
                error: function () {
                    console.log("数据加载失败")
                }
            });
        }
        function setTableCaseData(caseData){
            $("#caseId").html(caseData.caseId)//警情编号
            $("#reportingLevel").html(caseData.reportingLevel)//警情级别
            $("#reportingTime").html(caseData.reportingTime)//报警时间
            $("#informerName").html(caseData.informerName)//报警人
            $("#informerSex").html(caseData.informerSex)//报警人性别
            $("#contactNumber").html(caseData.contactNumber)//报警人电话
            $("#alarmType").html(caseData.alarmCategory+"|"+caseData.alarmType+"|"+caseData.alarmSystem+"|"+caseData.alarmSubclass)//类型(类别|类型|细类|子类)
            $("#receivingUnit").html(caseData.receivingUnit)//接警单位
            $("#incidentSite").html(caseData.incidentSite)//事发地
            $("#reportingContent").html(caseData.reportingContent)//报警内容
            $("#feedbackContent").html(caseData.feedbackContent)//反馈内容
            $("#processingResults").html(caseData.processingResults)//处理结果
            $("#caseState").html(caseData.caseState)//事件状态
        }

        function getParentData(parentData){
            getCase(parentData.caseId)
        }

        function returnData(inputData){
            var data={
                "height":$("#timeline").height()+150
            }
            $(window.parent.processReturnData(data));
        }
    </script>

</html>